import styles from '../css/orderPay.module.css'
import { Tag, Space } from 'antd-mobile'

function PsgCard(props) {
  return (
    <div className={styles.PsgCard}>
      <div className={styles.row}>
        <span className={styles.uname}>{props.name}</span>
        <span className={styles.seatType}>{props.seatType}</span>
      </div>

      <div className={styles.row}>
        <span className={styles.idcard}>{props.idcard}</span>
        <span>
          <Tag
            color={props.isWindow ? 'primary' : 'warning'}
            fill="outline"
          >
            {props.isWindow ? '靠窗' : '不靠窗'}
          </Tag>
          <span className={styles.position}>{props.seat}</span>
        </span>
      </div>

      <div className={styles.row}>
        <span className={props.orderState === 0 ? styles.payno : styles.payok}>
          {props.orderState === 0 ? '待支付' : '已支付'}
        </span>
        <span></span>
      </div>
    </div>
  )
}

export default PsgCard
